<include file='Index/header'/>
<script language="javascript" type="text/javascript" src="__PUBLIC__/My97DatePicker/WdatePicker.js"></script>
<include file='Index/left'/>

<div class="content">

    <div class="header">

        <h1 class="page-title">交易统计</h1>
    </div>

    <ul class="breadcrumb">
        <li><a href="#">首页</a> <span class="divider">/</span></li>
        <li class="active">交易统计</li>
    </ul>

    <div class="container-fluid">
        <div class="row-fluid">

            <div class="btn-toolbar">


                <div class="btn-group">
                </div>
            </div>

            <div class="well">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>联系人</th>
                        <th>电话</th>
                        <th>人数</th>
                        <th>出发地</th>
                        <th>目的地</th>
                        <th>价格</th>
                        <th>订单类型</th>
                        <th>支付状态</th>
                        <th style="width: 60px;"></th>
                        <th style="width: 30px;"></th>
                    </tr>
                    </thead>
                    <tbody>
                    <volist name="olist" id="vo">
                        <tr>
                            <td>{$vo.id}</td>
                            <td width='60px;'>{$vo.name}</td>
                            <td width='100px;'>{$vo.tel}</td>
                            <td width='50px;'>{$vo.num}</td>
                            <td width='150px;'><a href='javascript:void(0)' onclick="kcshow('{$vo.start_x}',1)">{$vo.start}</a></td>
                            <td width='150px;'><a href='javascript:void(0)' onclick="kcshow('{$vo.end_x}',2)">{$vo.end}</a></td>
                            <td>{$vo.price}</td>
                            <td>{$vo.fs}</td>


                            <td><if condition="$vo['pay_statu'] eq '0'">未支付<elseif condition="$vo['pay_statu'] eq '1'"/>已支付</if></td>
                            <td>

                                <if condition="$vo['order_statu'] neq '2'"><a onclick="return confirm('请确认到达')"href="__CONTROLLER__/dd/id/{$vo.id}">已到达<elseif  condition="$vo['order_statu'] eq '2'"/>已完成</if></a>

                            </td>
                            <td>
                                <a href='javascript:void(0)' onclick="bcshow({$vo['id']})"><i class="icon-pencil"></i></a>
                                <a onclick="return confirm('正在删除，请确认')"href="__CONTROLLER__/del/id/{$vo.id}"><i class="icon-remove"></i></a>

                            </td>
                        </tr>

                    </volist>

                    </tbody>
                </table>
            </div>

            <div class="pagination">
                <ul>
                    {$page}

                </ul>
            </div>

            <button type="button" class="close" data-dismiss="alert">×</button>
            <h4>Ver:</h4> 1.0.0
        </div>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            线路信息
                        </h4>
                    </div>
                    <div>
                        <div id='listsp'></div>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <div class="modal fade" id="myModal2" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            订单信息
                        </h4>
                    </div>
                    <div>
                        <div id='listsp2'></div>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
        <script>
            function kcshow(bcbh,fs){
                $.ajax({
                    type: "POST",
                    url: "__CONTROLLER__/kcshow",

                    cache: false,
                    data: {
                        kcname:bcbh  ,
                        fs:fs

                    },

                    success: function(data) {

                        $('#listsp').html(data);
                        $('#myModal').modal('show');
                        $('#myModal').modal().css({
                            width: '800px',
                            height:'550px',
                            'margin-left': function () {
                                return -($(this).width() / 2);
                            }
                        });
                    }




                });


            }
            function bcshow(bcbh){
                $.ajax({
                    type: "POST",
                    url: "__CONTROLLER__/bcshow",

                    cache: false,
                    data: {
                        bcbh:bcbh  ,


                    },

                    success: function(data) {

                        $('#listsp2').html(data);
                        $('#myModal2').modal('show');
                        $('#myModal2').modal().css({
                            width: '800px',
                            height:'550px',
                            'margin-left': function () {
                                return -($(this).width() / 2);
                            }
                        });
                    }




                });


            }
        </script>


        <include file='Index/footer'/>
